<template>
  <div>
    <common-head title="个人中心" />
    <div class="wrap4">
      <div class="imge">
        <img src="../../assets/img/dagu.jpg" alt="">
        <p>小小严</p>
      </div>
      <van-grid class="zzz" :border="false">
        <van-grid-item icon="coupon" text="优惠卷" />
        <van-grid-item icon="smile" text="smile" />
        <van-grid-item icon="location" to="/contactlists" text="地址" />
        <van-grid-item icon="todo-list" to="/ordercreate" text="订单" />
      </van-grid>
    </div>
    <common-tab/>
  </div>
</template>

<script>
import CommonTab from '../../components/Tabbar.vue'
import CommonHead from '../../components/CommonHead.vue'
export default {
  name: 'user',
  components: {
    CommonTab,
    CommonHead
  }
}
</script>

<style lang="scss" scoped>
.wrap4{
  padding-top: 25px;
  padding-bottom: 50px;
  background-color: #fff;
    .imge{
    height: 100px;
    width: 100px;
    margin: 50px auto;
    img{
      border-radius: 52px;
      width: 100px;
      height: 100px;
    }
    p{
      text-align: center;
      margin-top: 15px;
    }
  }
  .zzz{
    margin-top: 90px;
    margin-bottom: 265px;
  }
}

</style>
